<article class="module-account module-account-teamAdmian">
  <div class="ui-account-box">
    <div class="account-box" v-if="!isShow">
      <div class="ui-title">
        <span class="strong">{{$t('teamAdmian.title')}}</span>
      </div>
      <Loading v-if="isLoading"></Loading>
      <div v-if="!isLoading" class="BigWinner_main">
        <h3>{{$t('teamAdmian.subordinate')}}</h3>
        <p class="item">
          <input type="text" v-model="uid" :placeholder="$t('teamAdmian.uidTip')">
          <textarea v-model="reason" :placeholder="$t('teamAdmian.reason')" rows="3"></textarea>
          <button v-if="!isBingDing" @click="addSubordinate">{{$t('teamAdmian.add')}}</button>
          <button v-if="isBingDing" style="opacity: 0.6;">{{$t('teamAdmian.add')}}...</button>
        </p>
      </div>
      <div class="drawout-bottom ui-account-box-inner">
        <h3 class="ui-title-account">
          <span class="strong">{{$t('teamAdmian.MyTeam')}}</span>
        </h3>
        <div class="box-content">
          <div class="table-wrap">
            <div class="m-table">
              <table>
                <thead>
                  <tr>
                    <th>{{$t('bigwinner.InvitationList.UID')}}</th>
                    <th>{{$t('bigwinner.InvitationList.userName')}}</th>
                    <th>{{$t('bigwinner.InvitationList.userEmail')}}</th>
                    <th>{{$t('bigwinner.InvitationList.teamTime')}}</th>
                    <th>{{$t('bigwinner.InvitationList.status')}}</th>
                    <th>{{$t('bigwinner.InvitationList.operation')}}</th>
                  </tr>
                </thead>
                <tbody>
                  <tr v-for="item in list" v-if="(isLoading === false)&&(list.length > 0)">
                    <td>{{lib.getFormattedUid(item.uid)}}</td>
                    <td>{{item.userName}}</td>
                    <td>{{item.email}}</td>
                    <td>{{item.bindTime | timezone}}</td>
                    <td :class="actives(item.bindStatus)">{{item.bindStatus == 'APPLY_FOR_BIND' ? '申请中' :
                      item.bindStatus == 'BIND_SUCCESS' ? '绑定成功' : '绑定失败'}}</td>
                    <td><a v-if="item.bindStatus == 'BIND_SUCCESS'" @click="detailed(item)" href="javascript:;">{{$t('teamAdmian.detailed')}}</a></td>
                  </tr>
                </tbody>
              </table>
              <loading v-if="isLoadings"></loading>
              <no-data v-if="isLoadings === false && list && list.length === 0"></no-data>
            </div>
          </div>
        </div>
      </div>
    </div>
    <detailed :item="item" v-if="isShow" @hide="hide"></detailed>
  </div>
</article>